<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
    <title>杨电网</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link href="__ROOT__/public/home/css/public.css" type="text/css" rel="stylesheet"/>
    <link href="__ROOT__/public/home/css/address.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="__ROOT__/public/home/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="__ROOT__/public/home/js/slide.js"></script>
</head>
<script>
    $(function(){
        $('.nav ul li').hover(function(){
            $(this).children(".details").show();
        },function(){
            $(this).children(".details").hide();
        });
        $('#my').hover(function(){
            $(this).find("div").show();
        },function(){
            $(this).find("div").hide();
        });
    });
</script>
<body>
<!------------顶部---------------->
<div class="top">
    <div class="wt1080">
        <div class="fl">
            <a href="index.html">洋店首页</a>&emsp;|&emsp;请&emsp;<a href="#" style="color: #ff9900">登陆</a>&emsp;或&emsp;<a href="#">立即注册</a>
        </div>
        <div class="fr">
            <ul>
                <li style="position: relative;" id="my">
                    <a href="my_order.html">我的洋店 <img src="__ROOT__/public/home/image/sanjiao.png"></a>
                    <div class="personal">
                        <dl>
                            <dt><a href="my_order.html">我的订单</a></dt>
                            <dd><a href="my_youhuijuan.html">我的优惠卷</a></dd>
                            <dd><a href="my_jifen.html">我的积分</a></dd>
                        </dl>
                    </div>
                </li>
                <li><span class="shop">购物车<a href="gouwuche.html">0</a>件</span></li>
                <li><span class="phone"><a href="article.html">手机洋店</a></span></li>
                <li><span><a href="article.html">关于洋店</a></span></li>
                <li><span><a href="article.html">帮助中心</a></span></li>
                <li><span class="phone2">028-6133 8882</span></li>
            </ul>
        </div>
    </div>
</div>
<!--------------logo搜索------------->
<div class="wt1080 header">
    <div class="logo fl"><a href="index.html"><img src="__ROOT__/public/home/image/logo.png"></a></div>
    <div class="search fl">
        <div>
            <input name="search" type="text" class="a_search fl" placeholder="请输入关键字">
            <span class="b_search fl"></span>
            <div class="clear"></div>
        </div>
        <p>
            <a href="#" class="current">可莱丝</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="#">森田药妆</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="#">Montagne jeunesse</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="#">丽得姿</a>
        </p>
    </div>
    <a class="my_shop fr" href="gouwuche.html">我的购物车<span>2</span></a>
    <div class="clear"></div>
</div>
<!--------------导航------------------>
<div class="nav">
    <div class="wt1080">
        <ul>
            <li>
                <a href="index.html" class="current"><span>首页</span></a>
            </li>
            <li>
                <a href="lanmu.html"><span>母婴专区</span></a>
                    <div class="details">

                                    <div class="item">
                                        <p class="title"><a href="lanmu.html">奶粉</a></p>
                                        <div class="ctgnamebox">
                                            <a href="liebiao.html" class="current">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                        </div>
                                    </div>

                                    <div class="item">
                                        <p class="title"><a href="#">奶粉</a></p>
                                        <div class="ctgnamebox">
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                        </div>
                                    </div>


                                    <div class="item">
                                        <p class="title"><a href="lanmu.html">奶粉</a></p>
                                        <div class="ctgnamebox">
                                            <a href="liebiao.html" class="current">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                        </div>
                                    </div>

                                    <div class="item">
                                        <p class="title"><a href="lanmu.html">奶粉</a></p>
                                        <div class="ctgnamebox">
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                        </div>
                                    </div>
                    </div>
            </li>
            <li><a href="lanmu.html"><span>美妆护肤</span></a></li>
            <li><a href="lanmu.html"><span>家具生活</span></a></li>
            <li><a href="lanmu.html"><span>食品营养</span></a></li>
            <li><a href="lanmu.html"><span>全球直邮</span></a></li>
            <li><a href="lanmu.html"><span>合作申请</span></a></li>
        </ul>
        <div style="clear:both"></div>
    </div>
</div>
<!---------------------导航完--------------------->

<!-----------------内容------------------>
<div class="wt1080 middle">
    <div class="fl">
        <div style="padding: 0 24px;"><h1>用户名称</h1></div>
        <ul>
            <li class="current"><a href="my_order.html">我的订单</a></li>
            <li><a href="youhuijuan.html">我的优惠卷</a></li>
            <li><a href="jifen.html">我的积分</a></li>
            <li><a href="anquan.html">账户安全</a></li>
            <li><a href="shoucang.html">我收藏的商品</a></li>
            <li><a href="address.html">管理收货地址</a></li>
        </ul>
    </div>
    <div class="fr">
        <div class="m_f_t">
           <p> 新增地址</p>
            <span>你已创建<font>1</font>个收货地址，最多可以创建<font>10</font>个</span>
        </div>
        <!------------地址列表---------------->
        <div class="m_f_list">
            <ul>
                <li>
                    <p class="a">张新</p>
                    <p class="b">159****3994</p>
                    <p class="c">四川省大石西路130号</p>
                    <p class="d">510524********1905</p>
                    <a href="#" class="a_a">编辑</a>
                    <a href="#" class="a_b">删除</a>
                    <a href="#" class="a_c">设为默认</a>
                </li>
            </ul>
        </div>        
    </div>
    <div style="clear: both;"></div>
    <div class="add_address" style="margin-left: 240px;">
            <div class="title_name">
            <form action="{$address}" method="post">              
               <table>
                    <tr><i>添加地址</i></tr>
                    <tr>
                        <td>收货地址</td>
                        <input type="hidden" name="id" value="{$id}">
                        <td><span><label> 省份 </label>
                           <select class="changeAct" name="province" level=1 id="level1">
                              <option value="0">请选择</option>
                              <volist name="states" id="vo">
                                 <option value="{$vo.id}">{$vo.name}</option>
                              </volist>
                            </select></span>
                        </td>
                        <td><span><label> 市/县 </label>
                             <select class="changeAct" name="city" level=2 id="level2">
                              <option value="0">请选择</option>
                              <volist name="areas" id="vo">
                                 <option value="{$vo.id}">{$vo.name}</option>
                              </volist>
                            </select></span>
                        </td>
                        <td><span><label> 区/县 </label>
                             <select class="" name="county" level=3 id="level3">
                              <option value="0">请选择</option>
                              <volist name="locals" id="vo">
                                 <option value="{$vo.id}">{$vo.name}</option>
                              </volist>
                            </select></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="label_name">收件人姓名</td>
                        <td>
                           <input name="name" type="text"  class="Add-text"/><i>（必填）</i>
                        </td>
                        <td class="label_name">电子邮箱</td>
                        <td>
                           <input name="email" type="text"  class="Add-text"/><i>（选填）</i>
                        </td>
                    </tr>
                    <tr>
                        <td class="label_name">邮&nbsp;&nbsp;编</td>
                        <td>
                           <input name="mail" type="text"  class="Add-text"/><i>（必填）</i>
                        </td>
                        <td class="label_name">性&nbsp;&nbsp;别</td>
                        <td> 
                           <label class="sex"> <input type="radio" name="RadioGroup" value="1" id="RadioGroup1_0"  class="select"/><span>男</span></label>
                           <label class="sex"><input type="radio" name="RadioGroup" value="2" id="RadioGroup1_1" class="select"/><span>女</span></label><i>（选填）</i>
                        </td>
                    </tr>
                    <tr>
                       <td class="label_name">手&nbsp;&nbsp;机</td>
                       <td>
                          <input name="phone" type="text"  class="Add-text"/><i>（必填）</i>
                       </td>
                       <td class="label_name">固定电话</td><td><input name="telphone" type="text"  class="Add-text"/><i>（选填）</i>
                       </td>
                    </tr>
                    <tr><td><button>提交</button></td></tr>
                </table>                  
            </form> 
                <script type="text/javascript">
                    $(".changeAct").on('change',function(){
                       var level=$(this).attr('level');   
                       $.ajax({
                          type:'post',
                          data:'pid='+$(this).val(),
                          url:'{$region}',
                          dataType:'json',
                          success:function(data){
                            if (data.status=='OK') { 
                                var html = '<option value="0">请选择</option>';
                                for(var i=0;i<data.area.length;i++){
                                    html=html+'<option value="'+data.area[i].id+'">'+data.area[i].name+'</option>';
                                }
                            $level = parseInt(level)+1;
                            $('#level'+$level).html(html);
                            }
                          }
                       });
                  // return false;
                    });
                </script>
    </div>   
 </div>
 </div>

<!---------------------热销------------------>
<div class="hot wt1080">
    <div class="title">热销推荐</div>
    <div class="content">
        <ul>
            <li>
                <div class="pic"><a href="#"><img src="__ROOT__/public/home/image/p11.png"></a></div>
                <p class="c_t"><a href="#">Regen/丽珍 纯棉超细纤维美白皮肤面膜贴 10片</a></p>
                <p class="price">￥89.00</p>
                <a href="#" class="goumai">立即购买</a>
            </li>
            <li>
                <div class="pic"><a href="#"><img src="__ROOT__/public/home/image/p11.png"></a></div>
                <p class="c_t"><a href="#">Regen/丽珍 纯棉超细纤维美白皮肤面膜贴 10片</a></p>
                <p class="price">￥89.00</p>
                <a href="#" class="goumai">立即购买</a>
            </li>
            <li>
                <div class="pic"><a href="#"><img src="__ROOT__/public/home/image/p11.png"></a></div>
                <p class="c_t"><a href="#">Regen/丽珍 纯棉超细纤维美白皮肤面膜贴 10片</a></p>
                <p class="price">￥89.00</p>
                <a href="#" class="goumai">立即购买</a>
            </li>
            <li>
                <div class="pic"><a href="#"><img src="__ROOT__/public/home/image/p11.png"></a></div>
                <p class="c_t"><a href="#">Regen/丽珍 纯棉超细纤维美白皮肤面膜贴 10片</a></p>
                <p class="price">￥89.00</p>
                <a href="#" class="goumai">立即购买</a>
            </li>
            <li>
                <div class="pic"><a href="#"><img src="__ROOT__/public/home/image/p11.png"></a></div>
                <p class="c_t"><a href="#">Regen/丽珍 纯棉超细纤维美白皮肤面膜贴 10片</a></p>
                <p class="price">￥89.00</p>
                <a href="#" class="goumai">立即购买</a>
            </li>
        </ul>
        <div class="clear"></div>
    </div>
</div>

<!---------------------保障------------------->
<div class="baozhang">
    <div class="wt1080">
        <ul>
            <li>
                <img src="__ROOT__/public/home/image/c1.png">
                <p>全球正品货源</p>
            </li>
            <li>
                <img src="__ROOT__/public/home/image/c2.png">
                <p>一件代发</p>
            </li>
            <li>
                <img src="__ROOT__/public/home/image/c3.png">
                <p>全球直邮</p>
            </li>
            <li>
                <img src="__ROOT__/public/home/image/c5.png">
                <p>售后无忧</p>
            </li>
        </ul>
        <div class="clear"></div>
    </div>
</div>
<!---------------底部--------------->
<div class="footer">
    <div class="wt1080" style="position: relative">
        <div class="a_footer">
            <div class="left">
                <a href="#"><img src="__ROOT__/public/home/image/logo.png"></a>
                <p class="lianxi">
                    <a href="#"><img src="__ROOT__/public/home/image/weixin.png"></a>
                    <a href="#"><img src="__ROOT__/public/home/image/weibo.png"></a>
                    <a href="#"><img src="__ROOT__/public/home/image/QQ.png"></a>
                    <span>028-6133 8882</span>
                </p>
            </div>
            <div class="right">
                <ul>
                    <li>
                        <dl>
                            <dt><a href="#">新手指南</a></dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">支付方式</a></dd>
                            <dd><a href="#">通关关税</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#">新手指南</a></dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">支付方式</a></dd>
                            <dd><a href="#">通关关税</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#">新手指南</a></dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">支付方式</a></dd>
                            <dd><a href="#">通关关税</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#">新手指南</a></dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">支付方式</a></dd>
                            <dd><a href="#">通关关税</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
        <div class="weixin"><img src="__ROOT__/public/home/image/weixin1.png"><p>扫描二维码下载APP</p></div>
        <!------------------------>
        <p class="beian">Copyright © 2016 洋店网.版权所有.备案号：京ICP证35124521号.技术支持：西部网络</p>
    </div>
</div>
</body>
</html>
